@import '~@/styles/common/variables.less';

@menu_height: 50px;

.head-menus-bg {
  width: 100%;
  height: @menu_height;
  background-color: @menu_blue;

  .head-menus {
    width: @width;
    height: @menu_height;
    margin: 0 auto;

    .menus {
      width: 100%;
      height: @menu_height;
      line-height: @menu_height;
    }
  }

  // 无子路由导航样式
  .el-menu {
    // position: relative;

    .el-menu-item {
      border: 0 !important;
    }

    .is-active {
      font-size: 16px;
      font-weight: 700;
      position: relative;

      &::before {
        content: '';
        position: absolute;
        bottom: 3px;
        left: 50%;
        transform: translateX(-50%);
        width: 16px;
        height: 4px;
        border-radius: 2px;
        background: #fff;
        z-index: 555;
      }
      .el-submenu__title {
        border-bottom: none !important;
      }
    }
  }
}

.homeEn {
  .head-menus {
    @media screen and (min-width: 1760px) {
      .el-menu-item {
        padding: 0 16px !important;
      }
    }
    @media screen and (max-width: 1680px) {
      width: calc(100% - 50px* 2);
      margin: 0 auto;
    }
    @media screen and (max-width: 1590px) {
      width: 100%;
      margin: 0 auto;
    }
  }
  
}

.el-submenu {
  text-align: center !important;
  .el-menu-item {
    color: #242424 !important;
  }
  .el-submenu__icon-arrow,
  .el-icon-arrow-down:before {
    display: none;
  }
}
